<template>
  <div class="container">
    <div class="header-img">
      <div>
        <img @load="BLL.load()" ref="img" :src="dataObj.headerImg" alt="">
      </div>
    </div>
    <div class="userInfo">
      <van-cell-group>
        <van-cell :value="dataObj.username" icon="vip-card">
          <template slot="title">
            <span class="custom-text">昵称</span>
          </template>
        </van-cell>
      </van-cell-group>
      <van-cell-group>
        <van-cell :value="dataObj.phone" icon="phone" url="www.baidu.com">
          <template slot="title">
            <span class="custom-text">手机号</span>
          </template>
        </van-cell>
      </van-cell-group>
      <van-cell-group>
        <van-cell :value="dataObj.email" icon="invition">
          <template slot="title">
            <span class="custom-text">邮件</span>
          </template>
        </van-cell>
      </van-cell-group>
      <van-cell-group>
        <van-cell :value="dataObj.proUrl" icon="map-marked">
          <template slot="title">
            <span class="custom-text">项目地址</span>
          </template>
        </van-cell>
      </van-cell-group>
      <van-cell-group>
        <van-cell style="display: flex;flex-direction: column">
          <div style="display: flex;align-items: center">
            <van-icon name="eye"></van-icon>
            <span style="margin-left: 6px">简介</span>
          </div>
          <p style="color: #999">{{ dataObj.intro }}</p>
        </van-cell>
      </van-cell-group>
    </div>
  </div>
</template>

<script>
import BLL from './Index'
export default {
  name: 'my',
  components: {
  },
  data () {
    return {
      dataObj: {
        headerImg: require('../../assets/images/timg.jpg')
      }
    }
  },
  created () {
    this.BLL = new BLL(this)
  },
  mounted () {
    this.BLL.GetUserInfoPhone()
  }
}
</script>
<style lang="less" scoped>
  @import "Index";
</style>
